﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title | Codex Chocolate 库德丝巧克力官方网站</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/js/jquery.cycle.all.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/js/hide-select.js")" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $('#s1').cycle({ fx: 'fade', speed: 1500, timeout: 4000 });
    });
	</script>

    
<!--[if IE 6]>
    <script defer type="text/javascript" src="js/pngfix.js"></script>
	<style type="text/css">
	#search_query{
    	width:95px;
    }
    #search_box_go{
    	padding-top:1px;
    }
    ul#navigation{
    margin:2px 50px 0 0px;
    }
	#right_side{
    	margin:10px 4px 0 0;
    }
    .tag li{
    	margin:8px 0 0 8px;
        line-height:5px;
    }
    </style>
	<![endif]-->
<!--[if IE 7]>
	<style type="text/css">
    #search_box_go{
    	padding-top:1px;
    }
	#menucontainer ul li ul{
		display:none;
		position:absolute;
		margin:0px;
		margin-left:0px;
	    margin-top:-20px;
		padding:0px;
		width:170px;
	}
	</style>
	<![endif]-->

</head>
<body>
    <div class="page">
        <!-- start ribbon background -->
        <div id="page_bg">
            <!-- start content -->
            <div id="container">
                <!-- start header -->
                <div id="header">
                    <div id="header_logo">
                        <a href="@Url.Action("Index", "Home")">
                            <img src="@Url.Content("~/Content/images/logo.png")" alt="Codex Chocolate Logo" title="Codex Chocolate 库德丝巧克力" />
                        </a>
                    </div>
                    <div id="header_slogan">
                        <img src="../../Content/images/slogan.png" title="Delicate & Elegant Chocolates | 美味库德丝巧克力" alt="Codex Chocolate 库德丝巧克力" width="213"
                            height="40" /></div>
                </div>
                <!-- end header -->
                <div id="menu_container">
                    <ul id="navigation">
                        <li class="current">@Html.ActionLink("首页", "Index","Home", null)</li>
                        <li>@Html.ActionLink("关于我们", "Index","Home", null)</li>
                        <li>@Html.ActionLink("产品系列", "Index","Home", null)
                            <ul class="second-level">
                                <li><a href="#">Product 1</a> </li>
                                <li><a href="#">Product 2</a> </li>
                                <li><a href="#">Product 3</a> </li>
                                <li><a href="#">Product 4</a> </li>
                                <li><a href="#">Product 5</a> </li>
                            </ul>
                        </li>
                       <li>@Html.ActionLink("巧的故事", "Index","Home", null)</li>
                       <li>@Html.ActionLink("活动信息", "Index","Home", null)</li>
                       <li>@Html.ActionLink("在线购买", "Index","Home", null)</li>
                        <li class="last">@Html.ActionLink("联系我们", "Index","Home", null)</li>
                    </ul>
                </div>
                <div id="mainContent">
                    <div id="left_side">
                        <!-- start left menu -->
                        <div class="top_tag">
                        </div>
                        <div class="tag">
                            <ul>
                                <li><a href="#">新品巧克力</a></li>
                                <li><a href="#">松露巧克力</a></li>
                                <li><a href="#">手工巧克力</a></li>
                                <li><a href="#">礼品巧克力</a></li>
                                <li><a href="#">情人巧克力</a></li>
                                <li><a href="#">儿童巧克力</a></li>
                                 <li><a href="#">促销巧克力</a></li>
                                 <li><a href="#">试吃巧克力</a></li>
                                <li><a href="#">制定巧克力</a></li>
                                <li><a href="#">制定巧克力</a></li>
                            </ul>
                            <p>
                                &nbsp;
                            </p>
                        </div>
                        <!-- end left menu -->
                        <!-- start search tag -->
                        <div id="search_box">
                            <form action="#" method="get" name="search">
                            <div>
                                <div id="search_box_inner">
                                    <input name="search_query" id="search_query" type="text" style="" value="    搜索巧克力"
                                        onfocus="if(this.value==&#39;    搜索巧克力&#39;)this.value=&#39;&#39;;">
                                </div>
                                <!-- set padding-top:1px in IE 6 and 7 if statement -->
                                <div id="search_box_go">
                                    <input type="image" src="../../Content/images/go.gif" alt="Go!" style="margin: 0px;
                                        padding: 0px;">
                                </div>
                            </div>
                            </form>
                        </div>
                        <!-- end search -->
                        <div id="follow_us">
                            <div>
                           <a href="#">新浪微博</a>
                            </div>
                            <div>
                                <a href="#">在线购买</a>
                            </div>
                        </div>
                    </div>
                    <!-- start body content -->
                    <div id="right_side">
                        @RenderBody()
                    </div>
                    <hr class="clear" />
                </div>
                <!-- start footer -->
                <div id="footer">
                    <div class="left_float">
                        © @DateTime.Now.Year.ToString() Codex Chocolate</div>
                    <div class="right_float">
                        <a href="#">about us</a> | <a href="#">Privacy Policy</a> | <a href="#">Site Map</a></div>
                </div>
                <!-- end footer -->
            </div>
        </div>
    </div>
    <!-- end content -->
</body>
</html>
